<template>
  <div id="app">
    <!-- <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </nav>
    <router-view/> -->
	<!-- <Top></Top>
	<Bottom></Bottom> -->
	<router-view></router-view>
  </div>
</template>

<script>
	// import Top from './components/Top'
	// import Bottom from './components/Bottom'
	// export default {
	// 	components:{
	// 		Top,
	// 		Bottom
	// 	}
	// }
</script>

<style lang="scss" scoped>
	*{
		padding: 0;
		margin: 0;
	}

	#app {
	  font-family: Avenir, Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  // text-align: center;
	  // color: #2c3e50;
	}

</style>
